<#setting classic_compatible=true>
<#assign base=request.contextPath />
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" href="../images/favicon.ico" type="image/ico" />

    <title>消息管理</title>

    <!-- 引入通用css和js -->
	<#include "/common/commoncss.ftl">
	<link rel="stylesheet" type="text/css" href="${base}/css/bootstrap-select.min.css">
	<link rel="stylesheet" type="text/css" href="${base}/css/bootstrap-table.min.css">
	
	<!-- <link rel="stylesheet" type="text/css" href="${base}/css/bootstrap-multiselect.css"> -->
	<!-- <link rel="stylesheet" type="text/css" href="${base}/css/bootstrap-datetimepicker.min.css"> -->
	<style type="text/css">
        #toolbar {
            height: 54px;
        }
        .ss {
            width:100% !important;
            background-color: #fff;
            border-color: #fff;
            border: 1px solid #D2D6DE;
        }
       /*  #proList > .bootstrap-select {
            width: 100%;
        } */
    </style>
  </head>

<body class="nav-md">
  	
  	
  	
<!-- 新增/修改框 -->
<div class="modal fade in" id=addOrEditModal tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" padding-right: 17px;">
    <div class="modal-dialog" style="width:600px" role="document">

    <div class="modal-content">
        <!-- 标题 -->
        <div class="modal-header">
            <button class="close" type='button' data-dismiss='modal' aria-hidden='true'></button>
            <h4 class="modal-title" id="myModalLabel">新增/修改</h4>
        </div>

        <!-- 内容 -->
        <div class="modal-body">
            <form  id="addOrEdit" class=" form-horizontal">
            	
                <div class="form-group">
                    <label for="msgAcceptTime1" class="col-sm-3 control-label">接收时间：</label>
                    <div class="col-sm-8">
                        <div class="input-group input-append date form_datetime " style="float:left"
                       		data-link-field="rolestart" data-link-format="yyyy-mm-dd">
                           	<input class="form-control" id="dt_set_order_time1" type="text" value=""disabled="disabled">
                           	<span class="input-group-addon"><span
                                    class="glyphicon glyphicon-calendar"></span></span>
                            <input type="hidden" id="msgAcceptTime1" value=""/>
                           </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="msgSendTime1" class="col-sm-3 control-label">发送时间：</label>
                    <div class="col-sm-8">
                        <div class="input-group input-append date form_datetime " style="float:left"
                       		data-link-field="rolestart" data-link-format="yyyy-mm-dd">
                           	<input class="form-control" id="dt_set_order_time1" type="text" value=""disabled="disabled">
                           	<span class="input-group-addon"><span
                                    class="glyphicon glyphicon-calendar"></span></span>
                            <input type="hidden" id="msgSendTime1" value=""/>
                           </div>
                    </div>
                            
                </div>

                <div class="form-group">
                    <label for="upstreamApp1" class="col-sm-3 control-label">上游应用：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="upstreamApp1">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="targetChannel1" class="col-sm-3 control-label">目标通道：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="targetChannel1">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="msgTopic1" class="col-sm-3 control-label">消息主题：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="msgTopic1">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="msgContent1" class="col-sm-3 control-label">消息内容：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="msgContent1">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="status" class="col-sm-3 control-label">消息状态：</label>
                    <div class="col-sm-8">
						<select class="form-control" id="status">
							<option value="" selected >--&nbsp;&nbsp; 请选择 &nbsp;&nbsp;--</option>
							<#if msgStatus?? && (msgStatus?size > 0)>
								<#list msgStatus as item>
                                   				<option value="${item.code!}">${item.name!}</option>
								</#list>
							</#if>
                    	</select>
                    </div>
                </div>
                
                <div class="form-group">
                </div>

            </form>
        </div>

        <!-- 尾部 -->
        <div class="modal-footer">
            <button class="btn btn-primary" type='button' data-dismiss='modal'>关闭</button>
            <button type="button" id="submit" class="btn btn-primary" onclick="saveAddOrEdit()"> 提交</button>
        </div>

    </div>
	</div>
</div>






<!-- 查看框 -->
<div class="modal fade in" id="checkMsg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" padding-right: 17px;">
    <div class="modal-dialog" style="width:600px" role="document">

    <div class="modal-content">
        <!-- 标题 -->
        <div class="modal-header">
            <button class="close" type='button' data-dismiss='modal' aria-hidden='true'></button>
            <h4 class="modal-title" id="myModalLabel">查看</h4>
        </div>

        <!-- 内容 -->
        <div class="modal-body">
            <form  id="addOrEdit" class=" form-horizontal">

                <div class="form-group">
                    <label for="mId" class="col-sm-3 control-label">消息标志：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="mId" readonly="readonly">
                    </div>
                </div>

                <div class="form-group">
                    <label for="msgAcceptTime" class="col-sm-3 control-label">接收时间：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="msgAcceptTime" readonly="readonly">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="msgSendTime" class="col-sm-3 control-label">发送时间：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="msgSendTime" readonly="readonly">
                    </div>
                </div>

                <div class="form-group">
                    <label for="upstreamApp" class="col-sm-3 control-label">上游应用：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="upstreamApp" readonly="readonly">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="targetChannel" class="col-sm-3 control-label">目标通道：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="targetChannel" readonly="readonly">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="msgTopic" class="col-sm-3 control-label">消息主题：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="msgTopic" readonly="readonly">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="msgContent" class="col-sm-3 control-label">消息内容：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="msgContent" readonly="readonly">
                    </div>
                </div>
                
                <div class="form-group">
                    <label for="status" class="col-sm-3 control-label">消息状态：</label>
                    <div class="col-sm-8">
                        <input class="form-control" id="status" readonly="readonly">
                    </div>
                </div>
                
                <div class="form-group">
                </div>

            </form>
        </div>

        <!-- 尾部 -->
        <div class="modal-footer">
            <button class="btn btn-primary" type='button' data-dismiss='modal'>关闭</button>
            <!-- <button type="button" id="submit" class="btn btn-primary" onclick="saveAddOrEdit()"> 提交</button> -->
        </div>

    </div>
	</div>
</div>
  	
  	
<!-- 页面部分 -->

       		<div class="body-content" style="margin-top:70px;">
			<div class="panel panel-default">
				<div class="panel-heading"><h5>查询条件</h5></div>
				<div class="panel-body">
					<form id="formSearch" class="form-horizontal">
	                        
	                        
	                        <div class="form-group col-sm-4">
	                            <label for="targetApply" class="col-sm-4 control-label">目标应用：</label>
								<div class="col-sm-8">
									<select class="form-control" id="targetApply">
	                                	<option value=''>全部</option>
										<option value="1" >供电系统</option>
										<option value="2" >生产系统</option>
										<option value="3" >大屏系统</option>
										<option value="4" >营销系统</option>
	                                </select>
	                            </div>
	                        </div>
	                        
	                        <div class="form-group col-sm-4">
	                            <label for="topicName" class="col-sm-4 control-label">主题名称：</label>
								<div class="col-sm-8">
									<select class="form-control" id="topicName">
										<option value="" selected >全部</option>
										<option value="1" >大屏数据</option>
										<option value="2" >供电数据</option>
										<option value="3" >生产数据</option>
			                    	</select>
	                      		</div>
							</div>
							
	                        <div class="form-group col-sm-4">
	                            <label for="accessWay" class="col-sm-4 control-label">接入方式：</label>
								<div class="col-sm-8">
									<select class="form-control" id="accessWay">
										<option value="" selected >全部</option>
										<option value="1" >消息队列</option>
										<option value="2" >REST服务推送</option>
										<option value="3" >REST服务拉取</option>
			                    	</select>
	                      		</div>
							</div>
							
	                        
	                        <div>
	                            <button id="btn_query" type="button" class="btn btn-primary">查询</button>
	                        </div>
	
					</form>
				</div>
			</div>
			<div id="toolbar" class="btn-group">
	                <button id="btn_add" type="button" class="btn btn-default" onclick="showAddMsgModal()">
	                     <span class="" aria-hidden="true"></span>新增
	                </button>
	                <button id="btn_delete" type="button" class="btn btn-default" onclick="deleteByIds()">
	                     <span class="" aria-hidden="true"></span>删除
	                </button>
	        </div>
			<table id="acceptMsgList" style="border: 1px solid #CCC; " class="table table-striped jambo_table bulk_action"></table>
		</div>
 


	
	<#include "/common/commonjs.ftl">
	<script type="text/javascript" src="${base}/js/msg/acceptMsg.js"></script>
	
	<script type="text/javascript" src="${base}/js/bootstrap-multiselect.min.js"></script>
	<script type="text/javascript" src="${base}/js/bootstrap-datetimepicker.min.js"></script>
	
	<script type="text/javascript" src="${base}/js/bootstrap-table.min.js"></script>
  </body>
</html>